<template>
    <div>
        <div class="flex items-center pl-12 pr-8 justify-between" style="background-color: #4285f4;height: 56px">
            <div>
                <img src="../assets/nlogo13400.png" style="height: 43px">
            </div>
            <div class="flex items-center text-white">
                <div class="w-9 h-9 flex items-center justify-center text-white" style="background-color: #b4d4fa;border-radius: 50%">
                    <i class="el-icon-s-custom"></i>
                </div>
                <div class="text-sm ml-2 cursor-pointer">
                    **俊
                    <i class="el-icon-arrow-down"></i>
                </div>
            </div>
        </div>
        <div class="flex justify-center pt-4 pb-4 pl-6 pr-6 bg-white">
            <div class="flex" style="width: 1184px">
                <div class="text-xl mr-6" style="color: #ccc">
                    <i class="el-icon-back"></i>
                    返回
                </div>
                <div class="flex items-center text-sm">
                    <div class="text-primary">税务数字账户</div>
                    <i class="el-icon-arrow-right pl-1 pr-1"></i>
                    <div class="text-primary">账户查询</div>
                    <i class="el-icon-arrow-right pl-1 pr-1"></i>
                    <div class="text-primary">申报信息查询</div>
                    <i class="el-icon-arrow-right pl-1 pr-1"></i>
                    <div>申报信息查询详情</div>
                </div>
            </div>
        </div>
        <div class="flex justify-center pt-4 pb-4">
            <div class="bg-white p-5" style="width: 1184px">
                <div class="flex justify-between">
                    <div>
                        <div class="flex items-center text-sm pl-6">
                            <div class="mr-5">
                                主附表表单
                            </div>
                          <el-select size="small" v-model="selectValue" style="width: 452px;font-size: 16px">
                            <el-option value="/" label="增值税及附加税费申报表（小规模纳税人适用）"/>
                          </el-select>
                        </div>
                    </div>
                    <div class="pl-4 pr-4 text-white rounded-sm h-8 text-sm flex items-center cursor-pointer" style="background-color: #4285f4;">
                        导出
                    </div>
                </div>
                <div class="flex justify-center">
                    <img src="../assets/page4.png"/>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                selectValue: '/'
            }
        },
    }
</script>

<style scoped>
    .text-primary {
        color: #4285f5;
    }
</style>
